html,body{
	height: 100%;
	overflow: hidden;
}
.row{
	margin:0px !important;
	height:100%;
	/*border:1px solid deeppink;*/
}
.all{
	height:100%;
}
ul{
	list-style-type: none;
	padding:0px;
}
.navBox{
	/*background-color:#95AECF;*/
	/*background: url(../img/top_bg.jpg) no-repeat;*/
	width:100%;
	height: 10%;
}
.navBox li{
	text-align: center;
	height:100%;
	position:relative;
}
.navBox li h1{
	/*border:1px solid green;*/
	/*line-height: 110px;*/
	/*font-weight: bold;*/
	letter-spacing: 10px;
	color:#DB241C;
	font-size:2em;
}
.logo-img{
	width:80px;
	margin-top:22px;
	/*border:1px solid red;*/
}
.nav-top{
	height:85%;
}
.nav-top>.row{
	margin-top:15px;
	text-align: center;
	font-size:20px;
	height:100%;
	/*border:1px solid blue;*/
}
.nav-top>.row>li:first-child{
	/*border:1px solid green;*/
	height:70%;
}
.nav-top>.row>li:last-child{
	height:30%;
}
.nav-top>.row>li>div{
	border:1px solid #ccc;
	height:90%;
	padding:10px;
	margin-top:25px;
	margin-bottom:25px;
}
.nav-top>.row>li .weatherBox{
	height:100%;
	/*border:1px solid deepskyblue;*/
}
.nav-top>.row>li .weatherBox ul li{
	font-size:0.7em;
	/*border:1px solid red;*/
	border-bottom:1px solid #ccc;

	height:23%;
	margin-top:15px;
	margin-bottom:15px;
}
.nav-top>.row>li .weatherBox ul li img{
	margin:0px 5px;
	margin-bottom:5px;
}
.nav-top>.row>li .weatherBox ul li:last-child{
	border:none;
}
.nav-top>.row>li:last-child ul.dateBox{
	height:100%;
}
.nav-top>.row>li:last-child ul.dateBox li:not(:last-child){
	height:12%;
}
.nav-top>.row>li:last-child ul.dateBox li:last-child{
	height:35%;
}
.nav-top>.row>li:last-child ul.dateBox li:last-child p{
	height:50%;
}
.copyright{
	border-top:1px solid #ccc;
	margin-top: 15px;
	padding-top:15px;
}
@media only screen and (max-height: 1500px) {
	/*.navBox{
		height:10%;
	}*/
	.nav-top{
		height:82%;
	}
	.nav-top>.row>li .weatherBox ul li p{
		float:left;
		width:25%;
	}
	/*.nav-top>.row>li:last-child ul.dateBox li:not(:last-child){
		float:left;
		border:1px solid red;
	}*/
	.nav-top>.row>li:last-child ul.dateBox li:not(:last-child){
		height:17%;
	}
	.nav-top>.row>li:last-child ul.dateBox li:last-child p:last-child{
		display: none;
	}
	.copyright{
		margin-top: 10px;
		padding-top:10px;
	}
}